<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        body>div{
            border:1px solid #cdcdcd;
            width:300px;
            padding:0 20px;
        }
        li{
            line-height:0.75em;
        }
        li#dotted-line{
            margin:20px 0 20px -2.25em;
            height:1px;
            border-top:1px dotted #cdcdcd;
            list-style-type: none;
        }
        img{
            display:inline-block;

            height:100px;
        }
        a{ display:inline-block;
            padding-right:0.5em;
            text-decoration:none;
            color:#393939;
            margin:0.5em 0;
        }
        a+a{
            border-left:1px solid #333;
            padding-left:0.5em;
        }
        /**{*/
            /*border:1px solid #333;*/
            /*padding-left:-40px;*/
        /*}*/
    </style>
</head>
<body>
    <div>
        <h2>消费维权</h2>
        <img src="#" alt="图片"/>
        <ul>
            <li><a href="#">监督</a><a href="#">合肥人被冒牌格力售后骗</a></li>
            <li><a href="#">吐槽</a><a href="#">合肥星之宝4S店又出问题</a></li>
            <li><a href="#">律师</a><a href="#">合肥品依靠理发店跑路了</a></li>
            <li id="dotted-line"></li>
            <li><a href="#">本地</a><a href="#">皖高招二本招生107233人</a></li>
            <li><a href="#">讨论</a><a href="#">地铁2号线单程票不超5元</a></li>
            <li><a href="#">爆料</a><a href="#">合肥人均租房每月795元！</a></li>
        </ul>
    </div>
</body>
</html>